<!doctype html>
<html>

<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>大模型对话接口管理系统</title>
<link rel="stylesheet" href="../css/edit.css">
<link rel="stylesheet" href="../css/main.css">
<link rel="stylesheet" href="../css/bootstrap.css" type="text/css" media="all">
<script type="text/javascript" src="../lib/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/jquery-ui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="../lib/ajax/ajaxfileupload.js"></script>
<script type="text/javascript" src="../utility/utility.js"></script>
<script type="text/javascript" src="../utility/component.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>

<body>
	<div class="middle" style="padding: 30px;">
		<span style="font-size: 30px;">大模型对话接口管理系统</span>
		<button id="jumpButton" class="btn" onclick="toPage('./console.html')"
			style="display: none; float: right; border: 2px solid #000000">控制台页面</button>
	</div>
	<div style="background-color: #459df5; height: 40px;">
		<span id="infoHead" style="margin-left: 50px; color: white; line-height: 40px; display: none"></span>
	</div>

	<div class="middle">
		<span id="infoout" style="color: red"></span>
	</div>
	<div style="background-color: #459df5; height: 2px;"></div>

	<div class="middle " style="height: 500px">
		<div class="floatarea border" style='width: 49%; height: 480px'>
			<b>现有推理模型</b>&nbsp;<span id='titleLeft'></span>
			<div style="background-color: #000000; height: 1px;"></div>
			<div style="vertical-align: middle; margin: 5px">
				<b>排序方式</b> <select id="sortModel" class="form-control" style="height: 30px" onchange="sortChange(1)">
					<option value=0>默认顺序</option>
					<option value=1>按名称</option>
					<option value=2>添加日期</option>
					<option value=3>修改日期</option>
				</select>&nbsp;&nbsp;<input id='stUp1' type='radio' name='st1' checked="checked" onclick="sortChange(1)" value=0 />&nbsp;升序<span>
				</span><input id='stDown1' type='radio' name='st1' onclick="sortChange(1)" value=10 />&nbsp;降序
			</div>
			<div class='border scrollY' style="text-align: left; height: 400px; width: 100%; resize: none">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th style="width: 32">ID</th>
							<th class="thcell">模型列表</th>
							<th style="text-align: center; vertical-align: middle; width: 48px">编辑</th>
							<th style="text-align: center; vertical-align: middle; width: 48px">复制</th>
							<td style="text-align: center; width: 48px">
								<button class="btn btn32 btn-add" onclick="addModel()"></button>
							</td>
						</tr>
					</thead>
					<tbody id="modelList" style="width: 100%;">
						<tr>
							<td style="text-align: left">--</td>
							<td style="text-align: left">--</td>
							<td style="text-align: center;">
								<button class="btn btn32 btn-file" onclick="copyModel()"></button>
							</td>
							<td style="text-align: center;">
								<button class="btn btn32 btn-study" onclick="editModel()"></button>
							</td>
							<td style="text-align: center;">
								<button class="btn btn32 btn-del" onclick="delModel()"></button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<br>
		</div>
		<div class="floatarea" style='width: 2%; height: 10px'></div>
		<div class="floatarea border" style='width: 49%; height: 480px'>
			<b>现有对话API</b>&nbsp;<span id='titleRight'></span>
			<div style="background-color: #000000; height: 1px;"></div>

			<div style="vertical-align: middle; margin: 5px">
				<b>排序方式</b> <select id="sortApi" class="form-control" style="height: 30px" onchange="sortChange(2)">
					<option value=0>默认顺序</option>
					<option value=1>按名称</option>
					<option value=2>添加日期</option>
					<option value=3>修改日期</option>
				</select>&nbsp;&nbsp;<input id='stUp2' type='radio' name='st2' checked="checked" onclick="sortChange(2)" value=0 />&nbsp;升序<span>
				</span><input id='stDown2' type='radio' name='st2' onclick="sortChange(2)" value=10 />&nbsp;降序
			</div>
			<div class='border scrollY' style="text-align: left; height: 400px; width: 100%; resize: none">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th style="text-align: left; vertical-align: middle">API列表</th>
							<th style="text-align: left; width: 48px">模型</th>
							<th style="text-align: center; vertical-align: middle; width: 48px">编辑</th>
							<th style="text-align: center; vertical-align: middle; width: 48px">复制</th>
							<td style="text-align: center; width: 48px">
								<button class="btn btn32 btn-add" onclick="addApi()"></button>
							</td>
						</tr>
					</thead>
					<tbody id="apiList" style="width: 100%;">
						<tr>
							<td style="text-align: left">--</td>
							<td style="text-align: center;">
								<button class="btn btn32 btn-study" onclick="editApi()"></button>
							</td>
							<td style="text-align: center;">
								<button class="btn btn32 btn-file" onclick="copyApi()"></button>
							</td>
							<td style="text-align: center;">
								<button class="btn btn32 btn-del" onclick="delApi()"></button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>


	<div class="middle" style="height: 420px">
		<div class="border" style='width: 100%; height: 400px'>
			<b>现有应用</b>&nbsp;<span id='titleDown'></span>
			<div style="background-color: #000000; height: 1px;"></div>
			<div style="vertical-align: middle; margin: 5px">
				<b>排序方式</b> <select id="sortApp" class="form-control" style="height: 30px" onchange="sortChange(3)">
					<option value=0>默认顺序</option>
					<option value=1>按名称</option>
					<option value=2>添加日期</option>
					<option value=3>修改日期</option>
				</select>&nbsp;&nbsp;<input id='stUp3' type='radio' name='st3' checked="checked" onclick="sortChange(3)" value=0 />&nbsp;升序<span>
				</span><input id='stDown3' type='radio' name='st3' onclick="sortChange(3)" value=10 />&nbsp;降序
			</div>
			<div class='border scrollY' style="text-align: left; height: 320px; width: 100%; resize: none">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th style="text-align: left; vertical-align: middle">应用列表</th>
							<th style="text-align: center; vertical-align: middle; width: 48px">编辑</th>
							<th style="text-align: center; vertical-align: middle; width: 48px">复制</th>
							<td style="text-align: center; width: 48px">
								<button class="btn btn32 btn-add" onclick="addApp()"></button>
							</td>
						</tr>
					</thead>
					<tbody id="appList" style="width: 100%;">
						<tr>
							<td style="text-align: left">--</td>
							<td style="text-align: center;">
								<button class="btn btn32 btn-file" onclick="copyModel()"></button>
							</td>
							<td style="text-align: center;">
								<button class="btn btn32 btn-study" onclick="editModel()"></button>
							</td>
							<td style="text-align: center;">
								<button class="btn btn32 btn-del" onclick="delModel()"></button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<br>
		</div>
	</div>

	<div>
		<br>
	</div>

	<div id="popHolder"></div>
</body>

</html>